<template>
  <div id="billing">
    <h2>Billing</h2>
    <a-menu v-model="current" mode="horizontal" class="pag-menu">
      <a-menu-item key="1">Make Payment</a-menu-item>
      <a-menu-item key="2">Limits</a-menu-item>
      <a-menu-item key="3">History</a-menu-item>
    </a-menu>
  </div>
</template>
<script>
  export default {
    data() {
      return {
        current: ['1'],
      };
    },
  };
</script>

<style>
  #billing {
    padding: 0;
    margin: 0;
  }
  #billing h2 {
    margin: 20px 0 0 0;
    padding: 0 50px;
    font-size: 40px;
  }
  #billing .pag-menu {
    margin: 20px 0 0 0;
    padding: 0 30px;
    border-bottom: 3px solid #e8e8e8;
    font-size: 20px;
  }
</style>
